<template>
	<view class="base-data">
		<view class="form-item">
			<view class="label">
				订单号
			</view>
			<view class="data">
				{{ number }}
			</view>
		</view>
		<view class="form-item">
			<view class="label">
				下单时间
			</view>
			<view class="data">
				{{ orderTime }}
			</view>
		</view>
		<!-- <view class="form-item">
			<view class="label">
				快递单号
			</view>
			<view class="data">
				21231231231234124343
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		props:{
			number:{
				type:String,
				default:'000000000000000'
			},
			orderTime:{
				type:String,
				default:" "
			}
		}
	}
	
</script>

<style lang="less"  scoped >
.base-data{
	background-color: #ffffff;
	box-shadow: -2rpx -2rpx 2rpx rgb(209, 209, 209) inset;
	border-radius: 20rpx;
	padding: 15rpx 10rpx;
	.form-item{
		height: 50rpx;
		display: flex;
		align-items: center;
		padding: 0rpx 20rpx;
		
		.label{
			flex: 3;
			display: flex;
			justify-content: space-between;
			font-size: 28rpx;
			// padding: 0 rpx;
		}
		.data{
			flex: 7;
			display: flex;
			justify-content: right;
			font-size: 28rpx;
			// height: 40rpx;
			
		}
	}
}
</style>